<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1">
    <title>中小学生 同步课堂 预习 - </title>
    <link rel="stylesheet" href="mobile/dist/css/bootstrap.css">
    <link rel="stylesheet" href="mobile/css/index.css">
    <link rel="stylesheet" href="mobile/css/xueyuan.css">
    <link rel="stylesheet" href="mobile/css/kecheng.css">
    <link rel="stylesheet" href="mobile/css/member.css">
    <link rel="stylesheet" href="mobile/css/ganyan.css">
    <link rel="stylesheet" href="mobile/css/order.css">
    <link rel="stylesheet" href="mobile/css/extend.css">

    <script src="http://m.qinxue.com/index.php?r=index/loadSySinfo"></script>
    <script src="http://m.qinxue.com/index.php?r=index/loadUserInfo"></script>
    <script src="mobile/js/jquery-1.11.1.js"></script>
    <script type="text/javascript" src="mobile/js/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/jquery.lazy_min.js"></script>
    <script src="mobile/dist/js/bootstrap.js"></script>
    <script src="mobile/js/jquery.lazy.js"></script>
    <script src="mobile/js/common.js"></script>
    <script type="text/javascript">
        $(function(){
            // 默认属性载入方式: <img>标记必需定义'_src'的属性来保存图片地址
            $('img').lazy();
        });
    </script>
</head>
<body>

<div class="i_top">
    <div class="i_top_return">
        <a href="javascript:history.go(-1);"><img src="http://sta.qinxue.com/mobile/images/tubiao_arr02.png" height="50" /></a>
    </div>

    <div class="i_top_logo"><a href="http://m.qinxue.com/index.html"><img src="#" height="30" /></a></div><!--网页logo-->
    <div class="i_top_more"><a href="javascript:void(0);" id="headerLogin"><img src="http://sta.qinxue.com/mobile/images/more_arr01.png" height="24" /></a></div>
    <div class="i_top_search"><a href="http://m.qinxue.com/index.php?r=search/index"><img src="http://sta.qinxue.com/mobile/images/search_arr01.png" height="24" /></a></div>

</div>



<div class="container-fluid i_top_xl">
    <div class="row">
        <div class="col-xs-12 xl_01" id="headHtml" style="padding-bottom:15px; border-bottom:1px solid #eeeeee;">
            <div style="color:#999;text-align:center;height:50px;line-height:50px;">loading...</div>
        </div>
        <div class="xl_02" style="padding-top:15px; width:120px; float:left;">
            <div style="width:120px; text-align:center; margin-left:5px; color:#666666;"><strong>课程设置</strong></div>
            <div class="xl_menu_li"><a href="http://m.qinxue.com/index.php?r=channel/list&ptcid=2"><button type="button" class="btn btn-default">平面设计</button></a></div>
            <div class="xl_menu_li"><a href="http://m.qinxue.com/index.php?r=channel/list&ptcid=1"><button type="button" class="btn btn-default">室内设计</button></a></div>
            <div class="xl_menu_li"><a href="http://m.qinxue.com/index.php?r=channel/list&ptcid=3"><button type="button" class="btn btn-default">影视后期</button></a></div>
            <div class="xl_menu_li"><a href="http://m.qinxue.com/index.php?r=channel/list&ptcid=5"><button type="button" class="btn btn-default">园林景观</button></a></div>
            <div class="xl_menu_li"><a href="http://m.qinxue.com/index.php?r=channel/list&ptcid=4"><button type="button" class="btn btn-default">机械设计</button></a></div>
        </div>
        <div class="xl_02" style="padding-top:15px; width:120px; float:left; margin-left:10px;">
            <div style="width:120px; text-align:center; margin-left:5px; color:#666666;"><strong>快速导航</strong></div>
            <div class="xl_menu_li"><a href="http://m.qinxue.com/index.php?r=index"><button type="button" class="btn btn-default">网站首页</button></a></div>
            <div class="xl_menu_li" style="display: none;"><a href="http://m.qinxue.com/ganyan/?ob=2"><button type="button" class="btn btn-default">学员感言</button></a></div>
            <div class="xl_menu_li"><a href="http://m.qinxue.com/teacher/"><button type="button" class="btn btn-default">师资团队</button></a></div>
            <div class="xl_menu_li"><a href="http://m.qinxue.com/about.html"><button type="button" class="btn btn-default">关于我们</button></a></div>
            <div class="xl_menu_li"><a href="http://m.qinxue.com/help/"><button type="button" class="btn btn-default">帮助中心</button></a></div>
            <div class="xl_menu_li"><a href="http://m.qinxue.com/index.php?r=app/index"><button type="button" class="btn btn-default">APP下载</button></a></div>
            <div class="xl_menu_li"><a href="http://m.qinxue.com/index.php?r=onlineCustomer/index"><button type="button" class="btn btn-default">联系客服</button></a></div>
        </div>
    </div>
</div>
<div class="i_top_xl_bj">&nbsp;</div>
<script type="text/javascript">
    $(document).ready(function(){
        $(".i_top_more").click(function(){
            $(".i_top_xl").animate({right:"0px"});
            $(".i_top_xl_bj").show();
        });
        $(".i_top_xl_bj").click(function(){
            $(".i_top_xl").animate({right:"-300px"});
            $(".i_top_xl_bj").hide();
        });
    });
</script>
<div id="jqAjaxLoadingTip" class="ajaxLoading"></div>
<div id="jqSessTipPannel" class="sessTipPannel"><a class="sessTipClose" href="javascript:void(0)" onclick="document.getElementById('jqSessTipPannel').style.display='none';">x</a><div id="jqSessTip"></div></div><script>
    $(document).ready(function(){
        $(".member_bottom_xiala").click(function(){
            $(".member_bottom_box").slideToggle();
        });
    });
</script>
<style>
    .menu .menu_li a{ padding: 0px 10px; border-radius: 5px; border: 1px solid #eeeeee; background: #f8f8f8; font-size: 14px; margin: 7px 0px; height: 47px;}
    .menu .menu_li a:active{ border: 1px solid #70a400; color: #70a400; background: #fafff0;}
    .menu .menu_li .dangqian{ border: 1px solid #70a400; color: #70a400 !important; background: #fafff0;}
    .i_bottom{ display: none;}
    .i_list_title span{ font-weight: 500;}
    .i_list_title{ margin: 10px 5px 0px;}
    .college_information b{ color: #70a400;}
</style>
<div class="container-fluid vip_tab" style="margin:0px; padding-top:65px;">
    <div class="row">
        <div class="col-xs-6 jq_changeVipType">
            <dl class="dangqian" _typeId="1">
                <dt id="jq_vipNameType1">小学同步课堂</dt>
                <span id="jq_vipPriceType1">399元 /</span>
                <dd id="jq_vipExplainType1">可提前预习课程<br />及新增课程<dd>
            </dl>
        </div>
        <div class="col-xs-6 jq_changeVipType" >
            <dl _typeId="2">
                <dt id="jq_vipNameType2">初中同步课堂</dt>
                <span id="jq_vipPriceType2">599元 / 2年</span>
                <dd>可学所有初中知识<br />及课外课程<dd>
            </dl>
        </div>
    </div>
</div>
<div class="container-fluid" style="margin:15px 0px 0px;">
    <div class="row">
        <div class="col-xs-12 college_information" id="jq_collegeInfo">
            <b>高中同步课程</b>已有<b>113</b>套教程，总计<b>1298.3</b>个小时<br />持续更新中
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row menu">
        <div class="i_list_title"><span>课堂类别</span></div>
        <div class="col-xs-6 menu_li jq_changeVipCat">
            <a href="javascript:;"  _catId="2">
            <span class="menu_arr01">
                <img src="http://sta.qinxue.com/mobile/images/menu_arr01.png" height="34" width="34" /></span>高中<font class="font_01">同步</font><font class="font_02">课堂</font>
            </a>
        </div>
        <div class="col-xs-6 menu_li jq_changeVipCat">
            <a href="javascript:;"   _catId="1">
            <span class="menu_arr02">
                <img src="http://sta.qinxue.com/mobile/images/menu_arr02.png" height="34" width="34" /></span>物理<font class="font_01">生物</font><font class="font_02">化学</font>
            </a>
        </div>
        <div class="col-xs-6 menu_li jq_changeVipCat">
            <a href="javascript:;"   _catId="3"><span class="menu_arr03">
                <img src="http://sta.qinxue.com/mobile/images/menu_arr03.png" height="34" width="34" /></span>历史<font class="font_01">地理</font><font class="font_02">政治</font>
            </a>
        </div>
        <div class="col-xs-6 menu_li jq_changeVipCat">
            <a href="javascript:;"  _catId="5"><span class="menu_arr04">
                <img src="http://sta.qinxue.com/mobile/images/menu_arr04.png" height="34" width="34" /></span>音乐<font class="font_01">美术</font><font class="font_02">计算机</font>
            </a>
        </div>
        <div class="col-xs-6 menu_li jq_changeVipCat">
            <a href="javascript:;"  _catId="4"><span class="menu_arr05">
                <img src="http://sta.qinxue.com/mobile/images/menu_arr05.png" height="34" width="34" /></span>语文<font class="font_01">数学</font><font class="font_02">英语</font>
            </a>
        </div>
        <div class="col-xs-6 menu_li jq_changeVipCat">
            <a href="javascript:;"  _catId="6">
            <span class="menu_arr05">
                <img src="http://sta.qinxue.com/mobile/images/menu_arr06.png" height="34" width="34" /></span>全站学科视频课堂
            </a>
        </div>
    </div>
</div>
<div class="container-fluid vip_but" style="position: fixed; width: 100%; background: #ffffff; left: 0px; bottom: 0px; z-index: 1; max-width:600px;">
    <div class="row">
        <div class="col-xs-12" style="margin: 15px 0px">
            <a href="javascript:;" id="jq_qxPayUrl">
                <button type="image" class="btn btn-success btn-lg btn-block" style="">确认支付 ￥<span id="jq_LastPrice">399</span></button>
            </a>
        </div>
    </div>
</div>
<script type="text/javascript">
    //初始化数据
    var qxVipGetintType = 1;
    var qxVipGetintCat = 3;
    $(function(){
        objGetVipClassInfo.cfg.catid = qxVipGetintCat;
        objGetVipClassInfo.cfg.type = qxVipGetintType;
        objGetVipClassInfo.getVipInfoQx();
        $(".jq_changeVipCat").click(function () {
            qxVipGetintCat = $(this).find("a").attr("_catId");
            $(this).find("a").addClass("dangqian");
            $(this).siblings().find("a").removeClass("dangqian");
            if(qxVipGetintCat == 6){
                $("#jq_vipNameType2").parent().parent().css("display","none");
                $("#jq_vipExplainType1").html("可学全站所有课程<br />及新增课程");
            }else{
                $("#jq_vipNameType2").parent().parent().css("display","");
                $("#jq_vipExplainType1").html("可学本学院所有课程<br />及新增课程");
            }
            objGetVipClassInfo.cfg.catid = qxVipGetintCat;
            objGetVipClassInfo.cfg.type = qxVipGetintType;
            objGetVipClassInfo.getVipInfoQx();
        });
        $(".jq_changeVipType").click(function () {
            qxVipGetintType = $(this).find("dl").attr("_typeId");
            $(this).find("dl").addClass("dangqian");
            $(this).siblings().find("dl").removeClass("dangqian");
            objGetVipClassInfo.cfg.catid = qxVipGetintCat;
            objGetVipClassInfo.cfg.type = qxVipGetintType;
            objGetVipClassInfo.getVipInfoQx();
        });
    });
    var objGetVipClassInfo = {
        cfg:{
            'catid':0,
            'type':0
        },
        getVipInfoQx : function()
        {
            var vipGetUrl = "http://m.qinxue.com/index.php?r=vip/getInfo";
            ajax.init().setUrl( vipGetUrl )
                .setData( {"catid":this.cfg.catid,"type":this.cfg.type} )
                .setCbSuccess("objGetVipClassInfo.cbReadMoreSuccess(data)")
                .setCbError("objGetVipClassInfo.cbReadMoreError(data)")
                .setIsTip(false)
                .preRun()
                .run();
        },cbReadMoreSuccess : function(data)
        {
            var AllData = data.DATA;
            $("#jq_collegeInfo").html(AllData.htmldata);
            $("#jq_vipNameType1").html(AllData.data1.ts_simpleNmae);
            $("#jq_vipPriceType1").html(AllData.data1.ts_prompt_price+"元 / 年");
            if(this.cfg.catid != 6){
                $("#jq_vipNameType2").html(AllData.data2.ts_simpleNmae);
                $("#jq_vipPriceType2").html(AllData.data2.ts_prompt_price+"元 / 2年");
            }

            //核算最后订单的价格
            $("#jq_LastPrice").html(AllData.price);
            //添加URl
            var urlData = "http://m.qinxue.com/index.php?r=order/service"+"&tsid="+AllData.mainID
            $("#jq_qxPayUrl").attr("href",urlData);

        },cbReadMoreError : function(data)
        {
            popMsg.showErrorMsg( '温馨提示' ,  data.MSG );
        }
    };

    $(window).resize(function(){
        $("body").css("height",$(window).height());
    });
    $("body").css("height",$(window).height());
</script>
<div style="height:80px;"></div>

<div id="jqAjaxLoadingTipFooter" class="ajaxLoadingFooter">处理中...</div>
<div class="go_top" style="display:none;"><a href="#">&nbsp;</a></div>
<div style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1254537038'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1254537038' type='text/javascript'%3E%3C/script%3E"));</script></div>
<script type="text/javascript">
    $(function(){
        objSysRegist.evalResizeEvent();
    });
</script>
<script type="text/javascript">
    $(window).scroll(function(){
        var scrollTop = $(this).scrollTop();
        if(scrollTop >= 460){
            $(".go_top").css("display","block");
        }else{
            $(".go_top").css("display","none");
        }
    });
</script>

</body>
</html>